<template>
	<view class='my-information'>
		
			<view class='path-item'>
				<view class='path-item-i'>昵 称</view>
				<view>{{userInfo.user.nickname}}</view>
			</view>
			
			<view class='path-item'>
				<view class='path-item-i'>真实姓名</view>
				<view >{{userInfo.user.realname}}</view>
			</view>
			
			<view class='path-item'>
				<view class='path-item-i'>手 机 号</view>
				<view >{{userInfo.user.userMobile}}</view>
			</view>
			
			<view class='path-item'>
				<view class='path-item-i'>邮箱地址</view>
				<view >{{userInfo.user.userEmail}}</view>
			</view>
			
			<view class='path-item'>
				<view class='path-item-i'>性 别</view>
				<view >{{userInfo.user.userSex}}</view>
			</view>
			
			<view class='path-item'>
				<view class='path-item-i'>生 日</view>
				<view >{{userInfo.user.userBirth}}</view>
			</view>
		</view>
	</view>
</template>

<script>
	import $http from '@/common/api/request.js'
	import {mapActions} from 'vuex'
	import {mapState} from 'vuex'
	export default {
		data() {
			return {

			}
		},
		computed:{
			...mapState({
				loginStatus:state=>state.user.loginStatus,
				userInfo:state=>state.user.userInfo
			})
		},
		
		components:{
		
		},
		
		methods: {

			}
		}
	
</script>

<style scoped>
.my-information{
	padding-left:20rpx;
}
.path-item{
	display: flex;
	align-items: center;
	padding:16rpx 0;
	width: 100%;
	border-bottom: 2rpx solid #CCCCCC;
}
.path-item-i{
	text-align: left;
	padding-right:10rpx;
}
</style>
